﻿@model PuroGame.Model.Mercadao.HomeModel
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<style type="text/css">
 
</style>

<h2 style="display: none">Mercadão PuroGame</h2>
<ul>
    @foreach (PuroGame.ViewData.Mercadao.HomeViewData anuncio in Model.Home)
    { 
        <li class="list-game">
            <div class="user-actions">
                <span class="sell">Vendo</span>
                <span class="change">Troco</span>
                <span class="send">Mensagem Enviada</span>
            </div>
            <a href="/anuncio/index/@anuncio.ID">
                <img alt="Jogo" class="img-game" src="http://filmesegames.com.br/wp-content/uploads/2012/11/Twisted-Metal-PS3-Limited-Edition.jpg" />
                <div class="info">
                    <span class="title">@anuncio.Titulo</span> <span class="date">@anuncio.Data</span> <span class="price">R$@anuncio.Preco</span>

                </div>
                </a>
                <ul class="toolbar-game" style="display: none;">
                    <li class="toolbar-game-list">
                        <a href="#">
                            <img alt="Mensagem" class="ic-32 ic-message" src="~/Images/bk.png" />
                            <span class="submit-message-holder" style="display: none">
                                <input type="text" class="message"  />
                                <input type="button" class="btn-enviar" value="mandar" />
                            </span>
                        </a>
                    </li>                   
                </ul>
            <!--</a>-->
        </li>
    }
</ul>

<script type="text/javascript">
    $(document).ready(function(){
        $(".ic-message").click(function() {
            $(".submit-message-holder").toggle();
            $(".toolbar-game-list").attr('width: 95%');
        });
    });
</script>

